<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>修改个人信息</title>

<meta name="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="${path }/static/bootstrap.min.css" />
<script src="${path }/static/jquery.min.js"></script>
<script src="${path }/static/js/bootstrap.min.js"></script>
<script src="${path }/static/jquery.min.js"></script>
<script src="${path }/static/js/bootstrap.min.js"></script>
<script src="${path }/static/uploadPreview.js"></script>
<script src="${path }/static/uploadPreview.min.js"></script>
<script type="text/javascript">
window.onload = function () { 
    new uploadPreview({ UpBtn: "up_img", DivShow: "imgdiv", ImgShow: "imgShow" });
}  
    </script>
</head>

<body>
	<jsp:include page="/head"></jsp:include>
	<div class="panel panel-info"
		style="width: 1000px; margin-left: 200px; margin-top: 52px; height: 500px">
		<div class="panel-heading" style="height: 50px">
			<h2 class="panel-title pull-left" style="margin-top: 10px">修改头像</h2>
			<div class="pull-right">
				<a href="<c:url value="/personal"/>" class="btn  btn-primary">返回</a>
			</div>
		</div>
		<div class="panel-body">
			<table class="table table-responsive">
				<thead>
					<tr>
						<th style="width: 200px"></th>
						<th width="600px"></th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<div style="width: 100px; height: 100px; margin-top:20px;" >
								<img src="<c:url value='/static/images/touxiang.png'/>">
							</div>
							<h4 id="nickname">昵称：${ sessionScope.user.username}</h4>
						</td>
						<td id="content">
							
							<span style="color: red;">图片大小不超过2M,尺寸最好100*100为宜,支持jpg、png、gif格式</span>
							 <form method="post" action="${path}/personal/update"
		enctype="multipart/form-data">
							 <div id="imgdiv"><img id="imgShow" src="${path }/static/images/weishch.png" width="100" height="100" alt="这里显示你的图片"/></div>
    <input type="file" name="file" id="up_img" style="margin-top: 10px"/><div class="col-sm-offset-2 col-sm-10" >
										<button type="submit" class="btn btn-primary" style="margin-top: 20px">提交</button>
										</div>
										</form>
						</td>
					</tr>

				</tbody>
			</table>
		</div>
	</div>
	
</body>
</html>
